// 获取文章分类列表
function initArtCateList() {
  $.ajax({
    type: "GET",
    url: "/my/article/cates",
    success: (res) => {
      //   console.log(res);
      var htmlStr = template("tpl-table", res);
      $("tbody").html(htmlStr);
    },
  });
}

initArtCateList();

var layer = layui.layer;
var form = layui.form

//为添加类别按钮绑定点击事件
var indexAdd = null;
$("#tjlb").on("click", function () {
  indexAdd = layer.open({
    type: 1,
    area: ["500px", "250px"],
    title: "添加文章类别",
    content: $("#dialog-add").html(),
  });
});

// 通过代理形式 为 form-add 表单添加 submit 事件
$("body").on("submit", "#form-add", function (e) {
  e.preventDefault();
  $.ajax({
    type: "POST",
    url: "/my/article/addcates",
    data: $(this).serialize(),
    success: (res) => {
      //FHHconsole.log(res);
      if (res.status !== 0) return layer.msg("新增分类失败");
      initArtCateList();
      layer.msg("添加分类成功");
      layer.close(indexAdd);
    },
  });
});


// 通过代理形式 为 编辑按钮添加 click 事件
var indexEdit = null
$('tbody').on('click', '.btn-edit', function () {
  // 弹出一个修改文章分类信息的层
  indexEdit = layer.open({
    type: 1,
    area: ['500px', '250px'],
    title: '修改文章分类',
    content: $('#dialog-edit').html()
  })
  var id = $(this).attr('data-id')
  if (id < 2) return layui.layer.msg('不能修改')
  // 发起请求获取对应分类的数据
  $.ajax({
    method: 'GET',
    url: '/my/article/cates/' + id,
    success: function (res) {
      form.val('form-edit', res.data)
    }
  })
})

// 通过代理形式 为 form-edit 表单添加 submit 事件
$('body').on('submit', '#form-edit', function (e) {

  e.preventDefault()
  $.ajax({
    method: 'POST',
    url: '/my/article/updatecate',
    data: $(this).serialize(),
    success: function (res) {
      if (res.status !== 0) {
        return layer.msg('更新分类数据失败！')
      }
      layer.msg('更新分类数据成功！')
      layer.close(indexEdit)
      initArtCateList()
    }
  })
})



// 通过代理形式 为 删除按钮添加 click 事件
$("tbody").on("click", ".btn-delete", function () {
  var id = $(this).attr("data-id");
  // 提示用户是否要删除
  layer.confirm("确认删除?", { icon: 3, title: "提示" }, function (index) {
    $.ajax({
      method: "GET",
      url: "/my/article/deletecate/" + id,
      success: function (res) {
        if (res.status !== 0) {
          return layer.msg("删除分类失败！");
        }
        layer.msg("删除分类成功！");
        layer.close(index);
        initArtCateList();
      },
    });
  });
});
